/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3 index web case(#scroll) and Brand design case(#scroll2,#scroll3,#scroll4)
 */
*{margin:0;padding:0;list-style-type:none;}
.scroll-outer{height:auto;}
#scroll,#scroll2,#scroll3,#scroll4{width:100%; max-width:1200px;margin:0 auto;font-family:"Microsoft Yahei";}
#scroll .owl-wrapper-outer,#scroll2 .owl-wrapper-outer,#scroll3 .owl-wrapper-outer,#scroll4 .owl-wrapper-outer{margin:0 auto;}
#scroll .item,#scroll2 .item,#scroll3 .item,#scroll4 .item{position:relative;margin:10px 10px;background-color:#fff;overflow:hidden; border:1px #eee solid; padding:10px;
-webkit-box-shadow: #eee 0px 0px 10px;
-moz-box-shadow: #eee 0px 0px 10px;
box-shadow: #eee 0px 0px 10px;behavior: url(../js/PIE.htc);
}
#scroll .item img,#scroll2 .item img,#scroll3 .item img,#scroll4 .item img{width:100%;}
#scroll .txt,#scroll2 .txt,#scroll3 .txt,#scroll4 .txt{padding:0 0px;color:#555; z-index:1000;margin:0;padding:0;font:100 14px/40px arial,"Microsoft Yahei";overflow:hidden; text-align:center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#scroll .item:hover,#scroll2 .item:hover,#scroll3 .item:hover,#scroll4 .item:hover{background-color:#FFF; border:1px #ddd solid; }
#scroll .item:hover .txt,#scroll2 .item:hover .txt,#scroll3 .item:hover .txt,#scroll4 .item:hover .txt{color:#fff; background-color:#00CCCC;}
.owl-theme .owl-controls .owl-buttons div{position:absolute;top:8%;width:30px;height:60px;margin:0;padding:0;border-radius:0;font:30px/30px "宋体";background-color:transparent;overflow:hidden;_display:none;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left:15px;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:5px;}
.owl-theme .owl-controls .owl-buttons .owl-prev{width:40px; height:100px; padding:30px 0; background:url(nexts.png) 0 center no-repeat;}
.owl-theme .owl-controls .owl-buttons .owl-next{width:40px; height:100px; padding:30px 0; background:url(nexts.png) -50px center no-repeat;}

@media (min-width:1280px) {
.owl-theme .owl-controls .owl-buttons .owl-prev{left:-60px;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:-110px;}
.owl-theme .owl-controls .owl-buttons .owl-prev{width:100px; height:120px; padding:30px 0; background:url(lefts.png) 0 center no-repeat;}
.owl-theme .owl-controls .owl-buttons .owl-next{width:100px; height:120px; padding:30px 0; background:url(rigs.png) 0 center no-repeat;}
}
@media (max-hight:1000px) {
#scroll,#scroll2,#scroll3,#scroll4{width:90%; max-width:600px;margin:0 auto;font-family:"Microsoft Yahei";}
}
/* clearfix */
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init */
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {cursor:url(grabbing.png) 8 8, move;}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/*owl them*/
.owl-theme .owl-controls{margin-top: 10px;text-align: center;}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;display: inline-block;zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;padding: 3px 10px;font-size: 12px;
	-webkit-border-radius: 30px;-moz-border-radius: 30px;
	border-radius: 30px;background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;text-decoration: none;
}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{
	display: none;/*不显示圆点*/
	width: 12px;height: 12px;margin: 0px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #ccc;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1;}

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}

/* preloading images */
.owl-item.loading{min-height:150px;background: url(AjaxLoader.gif) no-repeat center center}

